<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<!-- BEGIN HEAD -->

<head>
    <meta charset="utf-8" />
    <title>毕业生职业发展信息</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="/graduateinfo/media/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="/graduateinfo/media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
    <link href="/graduateinfo/media/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="/graduateinfo/media/css/style-metro.css" rel="stylesheet" type="text/css" />
    <link href="/graduateinfo/media/css/style.css" rel="stylesheet" type="text/css" />
    <link href="/graduateinfo/media/css/style-responsive.css" rel="stylesheet" type="text/css" />
    <link href="/graduateinfo/media/css/default.css" rel="stylesheet" type="text/css" id="style_color" />
    <link href="/graduateinfo/media/css/uniform.default.css" rel="stylesheet" type="text/css" />
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link href="/graduateinfo/media/css/jquery.gritter.css" rel="stylesheet" type="text/css" />
    <link href="/graduateinfo/media/css/daterangepicker.css" rel="stylesheet" type="text/css" />
    <link href="/graduateinfo/media/css/fullcalendar.css" rel="stylesheet" type="text/css" />
    <link href="/graduateinfo/media/css/jqvmap.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="/graduateinfo/media/css/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->

<body class="page-header-fixed">
<!-- BEGIN HEADER -->
<div class="header navbar navbar-inverse navbar-fixed-top" id="top"></div>
<div class="page-container">
    <!-- BEGIN SIDEBAR -->
    <div class="page-sidebar nav-collapse collapse" id="commenu"></div>
    <!-- END SIDEBAR -->
    <!-- BEGIN PAGE -->
    <div class="page-content">
        <!-- BEGIN PAGE CONTAINER-->
        <div class="container-fluid">
            <!-- BEGIN PAGE HEADER-->
            <div class="row-fluid">
                <div class="span12">
                    <!-- BEGIN STYLE CUSTOMIZER -->
                    <!-- END BEGIN STYLE CUSTOMIZER -->
                    <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                    <h3 class="page-title">
                        个人信息 <small>信息</small>
                    </h3>
                    <ul class="breadcrumb">
                        <li>
                            <i class="icon-home"></i>
                            <a href="index.html">首页</a>
                            <i class="icon-angle-right"></i>
                        </li>
                        <li><a href="#">个人信息</a></li>
                        <li class="pull-right no-text-shadow">
                            <div id="dashboard-report-range" class="dashboard-date-range tooltips no-tooltip-on-touch-device responsive" data-tablet="" data-desktop="tooltips" data-placement="top" data-original-title="Change dashboard date range">
                                <i class="icon-calendar"></i>
                                <span></span>
                                <i class="icon-angle-down"></i>
                            </div>
                        </li>
                    </ul>
                    <!-- END PAGE TITLE & BREADCRUMB-->
                </div>
            </div>
            <!-- END PAGE HEADER-->
            <div class="row-fluid">

                <div class="span12">

                    <!-- BEGIN EXAMPLE TABLE PORTLET-->

                    <div class="portlet box blue">

                        <div class="portlet-title">

                            <div class="caption"><i class="icon-edit"></i>毕业生职业发展信息</div>
                        </div>

                        <div class="portlet-body">

                            <div class="clearfix">

                                <div class="btn-group">

                                    <button id="sample_editable_1_new" class="btn green" >

                                        Add New <i class="icon-plus"></i>

                                    </button>

                                </div>

                                <div class="btn-group pull-right">

                                    <button class="btn dropdown-toggle" data-toggle="dropdown">Tools <i class="icon-angle-down"></i>

                                    </button>

                                    <ul class="dropdown-menu pull-right">

                                        <li><a href="#">Print</a></li>

                                        <li><a href="#">Save as PDF</a></li>

                                        <li><a href="#">Export to Excel</a></li>

                                    </ul>

                                </div>

                            </div>

                            <table class="table table-striped table-hover table-bordered" id="sample_editable_1">

                                <thead>

                                <tr>

                                    <th>序号</th>

                                    <th>毕业学年</th>

                                    <th>学生姓名</th>

                                    <th>身份证号</th>

                                    <th>毕业学院</th>

                                    <th>毕业专业</th>
                                    <th>联系方式</th>
                                    <th>在岗状态</th>
                                    <th>岗位名称</th>
                                    <th>职务名称</th>
                                    <th>Edit</th>
                                    <th>Delete</th>
                                </tr>

                                </thead>

                                <tbody>

                                <tr class="">
                                    <td>1</td>
                                    <td>alex</td>

                                    <td>Alex Nilson</td>

                                    <td>1234</td>

                                    <td class="center">power user</td>
                                    <td>alex</td>

                                    <td>Alex Nilson</td>

                                    <td>1234</td>

                                    <td class="center">power user</td>
                                    <td>1234</td>



                                    <td><a class="edit" href="javascript:;">Edit</a></td>

                                    <td><a class="delete" href="javascript:;">Delete</a></td>

                                </tr>



                                </tbody>

                            </table>

                        </div>

                    </div>

                    <!-- END EXAMPLE TABLE PORTLET-->

                </div>

            </div>
        </div>
        <!-- END PAGE CONTAINER-->
    </div>
    <!-- END PAGE -->
</div>
<div class="footer" id="footer"></div>
<script src="/graduateinfo/media/js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script src="/graduateinfo/media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui-1.10.1.cust  om.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="/graduateinfo/media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>
<script src="/graduateinfo/media/js/bootstrap.min.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="/graduateinfo/media/js/excanvas.min.js"></script>
<script src="/graduateinfo/media/js/respond.min.js"></script>
<![endif]-->
<script src="/graduateinfo/media/js/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="/graduateinfo/media/js/jquery.blockui.min.js" type="text/javascript"></script>
<script src="/graduateinfo/media/js/jquery.cookie.min.js" type="text/javascript"></script>
<script src="/graduateinfo/media/js/jquery.uniform.min.js" type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script src="/graduateinfo/media/js/jquery.flot.js" type="text/javascript"></script>
<script src="/graduateinfo/media/js/jquery.flot.resize.js" type="text/javascript"></script>
<script src="/graduateinfo/media/js/jquery.pulsate.min.js" type="text/javascript"></script>
<script src="/graduateinfo/media/js/date.js" type="text/javascript"></script>
<script src="/graduateinfo/media/js/daterangepicker.js" type="text/javascript"></script>
<script src="/graduateinfo/media/js/jquery.gritter.js" type="text/javascript"></script>
<script src="/graduateinfo/media/js/fullcalendar.min.js" type="text/javascript"></script>
<script src="/graduateinfo/media/js/jquery.easy-pie-chart.js" type="text/javascript"></script>
<script src="/graduateinfo/media/js/jquery.sparkline.min.js" type="text/javascript"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="/graduateinfo/media/js/app.js" type="text/javascript"></script>
<script src="/graduateinfo/media/js/table-editable.js"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script type="text/javascript" src="/graduateinfo/media/js/select2.min.js"></script>
<script type="text/javascript" src="/graduateinfo/media/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="/graduateinfo/media/js/DT_bootstrap.js"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script>
    jQuery(document).ready(function() {
        App.init(); // initlayout and core plugins

        jQuery.get("/graduateinfo/views/temple/top.html", function(data) {
            jQuery("#top").html(data);
        });
        jQuery.get("/graduateinfo/views/temple/commenu.html", function(data) {
            jQuery("#commenu").html(data);
        });
        jQuery.get("/graduateinfo/views/temple/footer.html", function(data) {
            jQuery("#footer").html(data);
        });
    });
</script>
<script>

    jQuery(document).ready(function() {
        App.init();

        TableEditable.init();

    });

</script>
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->

</html>